<!DOCTYPE html>

<!--
/*
 * Copyright 2020 Google LLC
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
-->

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>IAP User Profile Example</title>

    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
          integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh"
          crossorigin="anonymous">
</head>
<body>

<!-- Template adapted from https://www.bootdey.com/snippets/view/bs4-social-profile-header -->
<div class="bg-white">
    <div class="container">
        <h2 class="text-center mt-5">IAP - Retrieving User Profile Example</h2>

        <div class="text-center py-5">
            <img src="{{ photoUrl }}" alt class="ui-w-100 rounded-circle">

            <div class="col-md-8 col-lg-6 col-xl-5 p-0 mx-auto">
                <h4 class="font-weight-bold my-4">{{ displayName }}</h4>
                <h4 class="text-muted">{{ email }}</h4>
            </div>
        </div>
    </div>
</div>

</body>
</html>